$(function () {
    //为点击按钮添加事件
    $('#link-reg').on('click', function () {
        $('.login-box').hide()
        $('.reg-box').show()
    })
    $('#link-loin').on('click', function () {
        $('.login-box').show()
        $('.reg-box').hide()
    })
    //添加表单自定义规则
    layui.form.verify({
        pwd: [/^[\S]{6,12}$/, '必须填写6-12位非空字符'],
        //使用函数来自定义规则
        repwd(val) {
            //去除密码框的值
            let pwd = $('#txtPwd').val().trim()
            if (pwd !== val) return '两次密码不一致'
        }
    })
    //注册表单提交事件
    $('.reg-box>form.layui-form').on('submit', function (e) {
        //阻止默认提交
        e.preventDefault();
        //获取表单数据
        let strData = $(this).serialize()
        //异步接口
        $.ajax({
            method: 'post',
            url: '/api/reguser',
            data: strData,
            success(res) {
                if (res.status !== 0) return layer.msg(res.message)
                layer.msg(res.message)
                $('#link-loin').trigger('click')
            }
        })
    })
    //登录表单提交事件
    $('.login-box>form.layui-form').on('submit', function (e) {
        //阻止默认提交
        e.preventDefault();
        //获取表单数据
        let strData = $(this).serialize()
        //异步接口
        $.ajax({
            method: 'post',
            url: '/api/login',
            data: strData,
            success(res) {
                if (res.status !== 0) return layer.msg(res.message)
                layer.msg(res.message, {
                    icon: -1,
                    time: 1000
                }, function () {
                    sessionStorage.setItem('token', res.token)
                    location.replace('/index.html')
                })
            }
        })
    })
})